import React from "react";
import { Route, BrowserRouter as Router, Switch } from "react-router-dom";
import Discover from './test-2'

// const Discover = () => {
//   return <div>Discover</div>
// }
const Mine = () => {
  return <div>Mine</div>;
};
const Friend = () => {
  return <div>Friend</div>;
};
const Shop = () => {
  return <div>Shop</div>;
};
const Musician = () => {
  return <div>Musician</div>;
};
const Download = () => {
  return <div>Download</div>;
};
const Recommend = () => {
  return <div>Recommend</div>;
};
const Rank = () => {
  return <div>Rank</div>;
};
const Musiclist = () => {
  return <div>Musiclist</div>;
};
const DiscoverDj = () => {
  return <div>DiscoverDj</div>;
};
const DiscoverMusician = () => {
  return <div>DiscoverMusician</div>;
};
const Newsong = () => {
  return <div>Newsong</div>;
};

const Test = () => {
  return (
    <>
      <ul>
        <li><a href="/discover">discover</a></li>
        <li><a href="/mine">mine</a></li>
        <li><a href="/friend">friend</a></li>
        <li><a href="/shop">shop</a></li>
        <li><a href="/musician">musician</a></li>
        <li><a href="/download">download</a></li>
      </ul>
      <Router>
        <Switch>
          {/* <Route exact path="/" component={Discover}>
            <Router>
              <Switch>
                <Route exact path="/discover" component={Recommend}></Route>
                <Route path="/discover/recommend" component={Recommend}></Route>
                <Route path="/discover/rank" component={Rank}></Route>
                <Route path="/discover/musiclist" component={Musiclist}></Route>
                <Route path="/discover/discoverdj" component={DiscoverDj}></Route>
                <Route path="/discover/discovermusician" component={DiscoverMusician}></Route>
                <Route path="/discover/newsong" component={Newsong}></Route>
              </Switch>
            </Router>
          </Route> */}
          <Route path="/discover" component={Discover}>
          </Route>
          <Route path="/mine" component={Mine} />
          <Route path="/friend" component={Friend} />
          <Route path="/shop" component={Shop} />
          <Route path="/musician" component={Musician} />
          <Route path="/download" component={Download} />
        </Switch>
      </Router>
    </>
  );
};

export default Test;
